@charset "utf-8";
/* -----------------------------------------------------------
    -------------------  CSS Document  ------------------
----------------------------------------------------------- */
@import "global.css";
body{
font-family:Tahoma,Verdana,Arial;
font-size:11px;
}
a {
  
}

/* -----------------------------------------------------------
    ------------------- Page styles ----------------------
----------------------------------------------------------- */
#container {
    /*background:transparent url(../images/1.jpg) no-repeat;     */
    margin: 0 auto;
    background-position: center top;
    width: 100%;
}
.container-default {
    background:transparent url(../images/bg.jpg) repeat;   
    background-attachment: fixed;  
}
.container-vang {
    background-color: yellow;   
    overflow: hidden;   
    background-attachment: fixed;  
}
.container-dacam {
    background-color: orange;   
    overflow: hidden;   
    background-attachment: fixed;  
}
.container-naunau {
    background: transparent url(../images/frontend/bg-3.jpg) no-repeat;   
    overflow: hidden;   
    background-attachment: fixed;  
}
.container-honghong {
    background: transparent url(../images/frontend/bg-2.jpg) no-repeat;  
    overflow: hidden;   
    background-attachment: fixed;  
}

#container #container-inner {
    margin: 0 auto; 
    height: 100%;
}


/* -----------------------------------------------------------
    ------------------- Banner ------------------------
----------------------------------------------------------- */
body, img, p, h1, h2, h3, h4, form, ul, li, input {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

body #content {
    width: 960px;
    margin: 0 auto;
    height: 100%;
}
body #content .img-index{
    margin: 0 auto;
    width: 800px;
    height: 700px;
    padding-top: 50px;
}
body #content .img-index img{
    border: 3px silver;
}

body #footer {
    bottom:0;
    color:#111111;
    font-size:11px;
    height:74px;
    padding:0;
    position:fixed;
    right:0;
    width:100%;
    z-index:99;
    overflow: hidden;
}
body #header {
    top:0;
    color:#111111;
    font-size:11px;
    
    padding:0;
    position:fixed;
    right:0;
    width:100%;
    z-index:99;
    overflow: hidden;
}
body #header #header-inner {
    width: 960px;
    margin: 0 auto; 
}
body #header #header-inner #header-style{
    background: transparent url("../images/frontend/change-style.png") no-repeat;     
    width: 45px;
    margin: 0 auto;  
    height:114px;   
    float: left;
}
body #header #header-inner #header-style #styles{
    float: right;
    padding-right: 15px;
    padding-top: 15px;
}
body #header #header-inner #header-logo{
    background: transparent url("../images/frontend/logo-cycle.png") no-repeat;  
    margin: 0 auto; 
    height:114px;     
    float: left; 
    width: 400px;
}

body #header #header-inner #header-logo .logo-text{
    background: transparent url("../images/frontend/logo-text.png") no-repeat;  
    margin: 0 auto; 
    position: absolute;
     height:114px;     
    float: left; 
    width: 400px;
}
body #content #home{
    height: 1000px;
    margin-top: 125px;
    overflow: hidden;
}
body #content #home .alpha{
    width: 756px;
    float: left;
}
body #content #home .alpha .top{
    background: transparent url("../images/frontend/alpha-top.png") no-repeat; 
    height: 15px;          
}
body #content #home .alpha .middle{
    background: transparent url("../images/frontend/alpha-middle.png") repeat-y; 
    height: 350px;   
    padding-left: 25px; 
    padding-right : 25px;
    padding-top: 5px;
    padding-bottom : 5px;
}
body #content #home .alpha .bottom{
    background: transparent url("../images/frontend/alpha-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #home .beta{
    width: 195px;
    float: right;
}
body #content #home .beta .top{
    background: transparent url("../images/frontend/beta-top.png") no-repeat; 
    height: 12px;          
}
body #content #home .beta .middle{
    background: transparent url("../images/frontend/beta-middle.png") repeat-y; 
    height: 300px;   
}
body #content #home .beta .bottom{
    background: transparent url("../images/frontend/beta-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #gallery{
    height: 1000px;
    margin-top: 125px;
    overflow: hidden;
}
body #content #gallery .alpha{
    width: 756px;
    float: right;
}
body #content #gallery .alpha .top{
    background: transparent url("../images/frontend/alpha-top.png") no-repeat; 
    height: 15px;          
}
body #content #gallery .alpha .middle{
    background: transparent url("../images/frontend/alpha-middle.png") repeat-y; 
    height: 350px;   
    padding:5px 25px;
}
body #content #gallery .alpha .bottom{
    background: transparent url("../images/frontend/alpha-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #gallery .beta{
    width: 195px;
    float: left;
}
body #content #gallery .beta .top{
    background: transparent url("../images/frontend/beta-top.png") no-repeat; 
    height: 12px;          
}
body #content #gallery .beta .middle{
    background: transparent url("../images/frontend/beta-middle.png") repeat-y; 
    height: 300px;   
}
body #content #gallery .beta .bottom{
    background: transparent url("../images/frontend/beta-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #product{
    height: 1000px;
    margin-top: 125px;
     overflow: hidden;
}
body #content #product .alpha{
    width: 756px;
    float: left;
}
body #content #product .alpha .top{
    background: transparent url("../images/frontend/alpha-top.png") no-repeat; 
    height: 15px;          
}
body #content #product .alpha .middle{
    background: transparent url("../images/frontend/alpha-middle.png") repeat-y; 
    height: 350px;   
    padding:5px 25px;
}
body #content #product .alpha .bottom{
    background: transparent url("../images/frontend/alpha-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #product .beta{
    width: 195px;
    float: right;
}
body #content #product .beta .top{
    background: transparent url("../images/frontend/beta-top.png") no-repeat; 
    height: 12px;          
}
body #content #product .beta .middle{
    background: transparent url("../images/frontend/beta-middle.png") repeat-y; 
    height: 300px;   
}
body #content #product .beta .bottom{
    background: transparent url("../images/frontend/beta-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #support{
    height: 1000px;
   
    margin-top: 125px;
     overflow: hidden;
}
body #content #support .alpha{
    width: 756px;
    float: right;
}
body #content #support .alpha .top{
    background: transparent url("../images/frontend/alpha-top.png") no-repeat; 
    height: 15px;          
}
body #content #support .alpha .middle{
    background: transparent url("../images/frontend/alpha-middle.png") repeat-y; 
    height: 350px;  
    padding:5px 25px; 
}
body #content #support .alpha .bottom{
    background: transparent url("../images/frontend/alpha-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #support .beta{
    width: 195px;
    float: left;
}
body #content #support .beta .top{
    background: transparent url("../images/frontend/beta-top.png") no-repeat; 
    height: 12px;          
}
body #content #support .beta .middle{
    background: transparent url("../images/frontend/beta-middle.png") repeat-y; 
    height: 300px;   
}
body #content #support .beta .bottom{
    background: transparent url("../images/frontend/beta-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #contact{
    height: 1000px;
   
    margin-top: 125px;
     overflow: hidden;
}
body #content #contact .alpha{
    width: 756px;
    float: left;
}
body #content #contact .alpha .top{
    background: transparent url("../images/frontend/alpha-top.png") no-repeat; 
    height: 15px;          
}
body #content #contact .alpha .middle{
    background: transparent url("../images/frontend/alpha-middle.png") repeat-y; 
    height: 350px;  
    padding:5px 25px; 
}
body #content #contact .alpha .bottom{
    background: transparent url("../images/frontend/alpha-bottom.png") no-repeat; 
    height: 14px;   
}
body #content #contact .beta{
    width: 195px;
    float: right;
}
body #content #contact .beta .top{
    background: transparent url("../images/frontend/beta-top.png") no-repeat; 
    height: 12px;          
}
body #content #contact .beta .middle{
    background: transparent url("../images/frontend/beta-middle.png") repeat-y; 
    height: 300px;   
}
body #content #contact .beta .bottom{
    background: transparent url("../images/frontend/beta-bottom.png") no-repeat; 
    height: 14px;   
}
body #footer #footer-top {
    background: transparent url("../images/frontend/footer-top.png");
    height: 10px;
    
}
body #footer #footer-bottom {
    height: 64px;
    background: #ffc787 url("../images/frontend/bottom-copyright.png") top right no-repeat scroll;    
    
    
}
body #footer #footer-bottom {
    height: 64px;
    background-color: #FEEFDC;
    
}
body #footer #footer-bottom #bottom-inner{
    width: 960px;
    margin: 0 auto;
}
body #footer #footer-bottom #bottom-inner #bottom-menu{
    padding-top: 10px;
}
body #footer #footer-bottom #bottom-inner #bottom-menu .tree-menu{
    list-style: none;
}
body #footer #footer-bottom #bottom-inner #bottom-menu .tree-menu .node-menu{
    background: transparent url("../images/frontend/menu.png");  
    width: 92px;
    height: 36px;
    float: left;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
body #footer #footer-bottom #bottom-inner #bottom-menu .tree-menu .node-menu:hover{
    background: transparent url("../images/frontend/menu-active.png");  
    color: white;
}
body #footer #footer-bottom #bottom-inner #bottom-menu .tree-menu .node-menu.active{
    background: transparent url("../images/frontend/menu-active.png");  
    width: 92px;
    height: 36px;
    float: left;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
body #footer #footer-bottom #bottom-inner #bottom-menu .tree-menu .node-menu a{
    color: white;
    text-decoration: none;
    padding-top: 10px; 
    padding-bottom: 10px;     
    display: block;
}
body #footer #footer-bottom #bottom-inner #bottom-menu .tree-menu .node-menu.active a{
    color: white;
    display: block; 
    padding-top: 10px; 
    padding-bottom: 10px;    
    text-decoration: none;
}
body #footer #footer-bottom #footer-copyright{

}